<template>
    <div class="video-container">
        <VideoV1 class="video-item" :src="src" />
    </div>
</template>
<script>
import VideoV1 from "@/components/video-player-v1/index"

export default{

    name:"videoTest",
    components:{
        VideoV1
    },
    data(){

        return{
            // src:"http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
            // src:"https://s.xlzys.com/play/5eVr1nze/index.m3u8"
            src:"https://sample-videos.com/video123/flv/720/big_buck_bunny_720p_10mb.flv"
        }
    }

}

</script>
<style>
.video-container{
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    
    .video-item{
        border: solid 1px #000;
        width: 50%;
        height: 50%;
    }

}

</style>